<template>
    <div class="module">
      <span class="headerName"><slot name="headerName">暂无</slot></span>
      <span class="headerTile"><slot name="headerTitle" :test="test"></slot></span>
    </div>
</template>

<script>
    export default {
        name: "headers",
        data(){
          return {
            test: 1
          }
        }
    }
</script>

<style lang="scss" scoped>
  @import './../../assets/css/public/public';
  .module{
    height: $height_40;
    padding: $padding_10;
    background-color: #4cd0ff;
    .headerName{
      color: #3b6198;
      line-height: $height_40;
      font-size: $fontSize_20;
      font-weight: $fontWeight_600;
    }
    .headerTitle{
      color: #4c4f4a;
      font-size: $fontSize_15;
    }
  }
</style>
